import styled from "styled-components";

export const Left2Warpper = styled.div`
display: flex;
flex-direction: column;
.top-chart{
    width: 100%;
    display: flex;
    padding-top: 12px;
    align-items: center;
    justify-content: space-between;
    .left-container,
    .right-container{
        padding: 0 14px;
        display: flex;
        justify-content: center;
    }
    .line{
        width: 2px;
        height: 88px;
        background: linear-gradient(180deg, rgba(165,211,239,0) 0%, #8CB1E8 52%, rgba(108,168,218,0) 100%);
    }
    .chart{
        width:118px;
        height: 132px;
    }
    .tip{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .label{
        font-size: 16px;
        color: #96AFD5;
    }
    .value{
        font-size: 24px;
        font-weight: 500;
        color: #FFFFFF;
    }
}
.bottom-chart{
    flex: 1;
}
`